<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.util.*"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ include file="/WEB-INF/jsp/common/taglib.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>customer_veiw</title>
<script src="<c:url value="/ui/jquery-1.10.2.js" />"></script>
<script src="<c:url value="/ui/jquery-migrate-1.2.1.js" />"></script>

<link rel="stylesheet" href="<c:url value="/demo/jquery.ui.all.css"/>">
<link href="<s:url value="/css/standard.css" />" rel="stylesheet"
	type="text/css" />
<link href="<s:url value="/css/pop_up.css" />" rel="stylesheet"
	type="text/css" />
<link href="<s:url value="/css/maintenance.css" />" rel="stylesheet"
	type="text/css" />
<link href="<s:url value="/css/Simplemodal.css" />" rel="stylesheet"
	type="text/css" />

<script src='<c:url value="/js/jquery.DynamicMessage.js" />'></script>
<script src='<c:url value="/js/jquery.simplemodal-1.4.1.js" />'></script>

<script src='<c:url value="/js/common.js" />'></script>
<script src='<c:url value="/js/common_ui.js" />'></script>
<script src='<c:url value="/js/poplayer.js" />'></script>
<script src='<c:url value="/js/maint_ui.js" />'></script>
<script src='<c:url value="/js/jquery.form.js" />'></script>

<script src="<c:url value="/ui/jquery.ui.core.js" />"></script>
<script src="<c:url value="/ui/jquery.ui.widget.js" />"></script>
<script src="<c:url value="/ui/jquery.ui.datepicker.js" />"></script>
<!--  <script src="<c:url value="/ui/jquery-ui-timepicker-addon.js" />"></script>-->

<script src="<c:url value="/ui/jquery-ui-slide.min.js" />"></script>
<link rel="stylesheet" href="<c:url value="/demo/demos.css" />">
<link rel="stylesheet" href="<c:url value="/demo/dateTime.css" />">


</head>
<body>
	<table table width="100%" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td width="7" align="left" valign="top" height="7"><img
				src="<s:url value="/images/corner_left_top_m.gif"/>" width="7"
				height="7" /></td>
			<td class="topBorderMain"><img
				src="<s:url value="/images/spacer.gif" />" /></td>
			<td width="7" align="right" valign="top"><img
				src="<s:url value="/images/corner_right_top_m.gif" />" /></td>
		</tr>
		<tr>
			<th colspan="4" class="mainFormTitle">客户信息</th>

		</tr>
		<tr>
			<td colspan="4" class="leftRightBorderMain">
				<table id="radiotable" class="mainGrid" width="100%" border="0"
					cellpadding="0" cellspacing="0">
					<thead>
						<tr>

							<th width="100px">公司名称</th>
							<th width="100px">电话</th>
							<th width="100px">地址</th>
							<th width="100px">传真</th>
							<th width="200px">等级</th>
							<th width="100px">区域</th>

						</tr>
					</thead>
					<tbody>
						<tr id="radiotable_tr_0">
							<td align='center' style="word-break: break-all;"><p
									name="name">${customer.name }</p></td>

							<td align='center' style="word-break: break-all;"><p
									name="tel">${customer.tel }</p></td>

							<td align='center' style="word-break: break-all;"><p
									name="address">${customer.address }</p></td>

							<td align='center' style="word-break: break-all;"><p
									name="fax">${customer.fax }</p></td>

							<td align='center' style="word-break: break-all;"><p
									name="level">${customer.level }</p></td>

							<td align='center' style="word-break: break-all;"><p
									name="district">${customer.district }</p></td>

						</tr>


					</tbody>
				</table>
			</td>
		</tr>
		<tr>
			<th colspan="4" class="mainFormbtn" style="height: 15px"></th>

		</tr>
		<tr>
			<td align="left" valign="bottom" height="7" width="7"><img
				src="<s:url value="/images/corner_left_bottom_m.gif"/>" /></td>
			<td class="bottomBorderMain"><img
				src="<s:url value="/images/spacer.gif"/>" /></td>
			<td align="right" valign="bottom" height="7" width="7"><img
				src="<s:url value="/images/corner_right_bottom_m.gif"/>" /></td>
		</tr>
		<tr height="50px"></tr>
		<tr>
			<td width="7" align="left" valign="top" height="7"><img
				src="<s:url value="/images/corner_left_top_m.gif"/>" width="7"
				height="7" /></td>
			<td class="topBorderMain"><img
				src="<s:url value="/images/spacer.gif" />" /></td>
			<td width="7" align="right" valign="top"><img
				src="<s:url value="/images/corner_right_top_m.gif" />" /></td>
		</tr>
		<tr>

			<th colspan="4" class="mainFormTitle">联系人信息</th>

		</tr>
		<tr>
			<td colspan="5" class="leftRightBorderMain"
				style="border-top-color: black;">
				<table id="radiotable_1" class="mainGrid" width="100%" border="0"
					cellpadding="0" cellspacing="0">
					<thead>
						<tr>
							<th width="100px">姓名</th>
							<th width="100px">地址</th>
							<th width="100px">职务</th>
							<th width="100px">电话</th>
							<th width="100px">邮箱</th>

						</tr>
					</thead>
					<c:forEach items="${list}" var="contact" varStatus="i">
						<tr id="radiotable_tr_${i.index}">

							<td align='center' style="word-break: break-all;"><p
									name="name">${contact.name}</p></td>

							<td align='center' style="word-break: break-all;"><p
									name="address">${contact.address}</p></td>

							<td align='center' style="word-break: break-all;"><p
									name="duty">${contact.duty}</p></td>

							<td align='center' style="word-break: break-all;"><p
									name="tel">${contact.tel}</p></td>

							<td align='center' style="word-break: break-all;"><p
									name="mail">${contact.mail}</p></td>


						</tr>
					</c:forEach>

				</table>
			</td>
		</tr>
		<tr>
			<th colspan="4" class="mainFormbtn" align="center" >
				<table style="width: 100%">
					<tr align="center">
						<td valign="top" style=" height: 20px" align="center" width="100%"><input type="button"
							value=" 返回 " class="button" onclick="comeBack()" /></td>
				</table>
			</th>

		</tr>
		<tr>
			<td align="left" valign="bottom" height="7" width="7"><img
				src="<s:url value="/images/corner_left_bottom_m.gif"/>" /></td>
			<td class="bottomBorderMain"><img
				src="<s:url value="/images/spacer.gif"/>" /></td>
			<td align="right" valign="bottom" height="7" width="7"><img
				src="<s:url value="/images/corner_right_bottom_m.gif"/>" /></td>
		</tr>
	
	</table>
	<script type="text/javascript">
		function comeBack() {
			self.location = "<c:url value='/customer/page'/>"
		}
	</script>
</body>
</html>